<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style type="text/css">
			*{
				ont-family: Arial, Tahoma, "Microsoft YaHei", "微软雅黑", "Helvetica Neue", Helvetica, STHeiTi, sans-serif;
				font-size: 14px;
				color: #333;
				margin: 0px;
				margin: 0px;
			}
			body{
				margin-top: 20px;
			}
			.div{
				overflow: hidden;
				padding-top: 20px;
				background: white;
				border-bottom: 1px solid #999;
				width: 1226px;
				margin: 0px auto;
			}
			ul{
				width: 150px;
				margin-left: 50px;
				margin-bottom: 25px;
				border-right: 1px dashed #999;
			}
			ul li{
				list-style: none;
				line-height: 20px;
			}
			.span1{
				font-size: 16px;
				line-height: 32px;
				color: #666;
			}
			.span2{
				font-size: 24px;
				line-height: 48px;
				color: #ff3700;
				font-weight: bold;
				margin-bottom: 6px;
			}
			.div1{
				position: absolute;
				float: left;
				left: 500px;
				top: 50px;
			}
			a{
				width: 142px;
				display: inline-block;
				font-size: 14px;
				line-height: 38px;
				text-align: center;
				border: 1px solid #e0e0e0;
				text-decoration: none;
			}
			iframe{
				border: 0px solid black;
				height: 2461px;
			}
			.div2{
				width: 1228px;
				margin: 0px auto;
			}
		</style>
		<script type="text/javascript">
			function overLi(){
			    var l = document.getElementById("p1");
			    var p=document.getElementById("nl1");
			    l.style.border = "1px solid red";
			    p.style.height="3770px";
			}
			function outLi(){
			    var l = document.getElementById("p2");
			    l.style.border = "1px solid #e0e0e0";
			}
			function overLi1(){
			    var l = document.getElementById("p2");
			    l.style.border = "1px solid red";
			}
			function outLi1(){
			    var l = document.getElementById("p1");
			    l.style.border = "1px solid #e0e0e0";
			}
		</script>
	</head>
	<body>
		<div class="div">
			<div class="div3">
				<ul>
					<li><span class="span1">好评率</span></li>
					<li><span class="span2">96%</span></li>
					<li><img src="img/gomai/xingxing5.png"/></li>
				</ul>
				<div class="div1">

					<a href="内联式框架2-1-1.html" target="nl1" onclick="outLi(),overLi()"id="p1">全部评论(999+)</a>
					<a href="#" onclick="outLi1(),overLi1();" id="p2">晒图(0)</a>
				</div>
			</div>
		</div>
		<div class="div2"><iframe name="nl1" id="nl1" src="内联式框架2-1-1.html"scrolling="no" frameborder="0px" width="1226px" height="2472px">
			
		</iframe>
		</div>
		
	</body>
</html>
